<script lang='ts' setup>
import { onMounted } from 'vue';
// Echarts 为init（dom元素后的类型）
// EChartsOption 为 option 的类型
import type { ECharts, EChartsOption, } from 'echarts';
import { init } from 'echarts';
import { dataStore } from '@/stores/data'
const { hometag } = dataStore()
onMounted(() => {
	const charEle = document.getElementById('Linechart') as HTMLElement;
	const charEch: ECharts = init(charEle);
	window.addEventListener('resize', function () {//随视窗改变大小
		charEch.resize();
	})
	const option: EChartsOption = {
		title: {
			// show:true, //显示策略，默认值true,可选为：true（显示） | false（隐藏）
			text: '标签数据', //主标题文本，'\n'指定换行
			left: 'center',
		},
		xAxis: {
			type: 'category',
			data: hometag.dl_name
		},
		yAxis: {
			type: 'value'
		},
		series: [
			{
				data: hometag.dl_count,
				type: 'line'
			}
		]
	};
	charEch.setOption(option);
});

</script>
<template>
	<div id="Linechart" style="width: 100%; height:500px"></div>
</template>
  
<style lang="scss" scoped></style>